*{
    margin: 0;
    padding: 0;
}
ul li {
    list-style: none;
}
a{
    text-decoration: none;
    color:#fff;
}
.bg1{
    width: 100%;
    background: rgb(194,46,46);
}
header{
    max-width: 1200px;
    height: 87px;
    margin: 0 auto;
    padding: 0 10px;
}
header img{
    float: left;
    margin-top:14px;
}
header ul{
    float:right;
    height:87px;

}
header ul li {
    float: left;

}
header ul li a{
    display: inline-block;
    color: #fff;
    font-size: 24px;
    padding: 26px 18px;
}
header ul li a:hover{
    background: #ba2a2a;
    border-bottom: 4px solid #632500;
}
header .active{
	background: #ba2a2a;
    border-bottom: 4px solid #632500;
}
.bg2{
    width: 100%;

}
.bg2 .banner{
    width: 100%;
    height: 100%;
    padding-top:42.29%;
    background: url("../imgs/home1.png") no-repeat;
    background-size: 100% 100%;
    position: relative;

}

#andr,#iphone{
    width: 8.6%;
    height: 9%;
    position: absolute;
}
#andr>.scan{
	position: absolute;
	left: 0;
	bottom: 108%;
	width: 100%;
	background: #fff;
	z-index: 10;

}
#iphone>.scan{
	position: absolute;
	left: 0;
	bottom: 108%;
	width: 100%;
	background: #fff;
	z-index: 10;

}
#andr a,#iphone a{
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#andr a img,#iphone a img{
	width: 100%;
	height: 100%;
}
#andr a:hover img:first-child{
    display: none;
}
/*#iphone a:hover img:first-child{
    display: none;
}*/
#andr{
    right:17.6%;
    top:45%;
}

#iphone{
    right:17.6%;
    top:78%;
}
/*黄色部分*/
.wrap{
    width: 100%;
    height: 100%;
    padding-top:142.9%;
    background: url("../imgs/home2.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
    
}
#content{
	max-width: 1200px;
	margin:-142.9% auto;
}
#content .title{
    display: block;
    margin: 5% auto;
	width: 40%;
}
#content .first{
	position: absolute;
	right: 10%;
	top: 14%;
	width: 43.12%;
}
#content .arrow1{
	position: absolute;
	left: 31%;
	top: 29%;
	width: 10%;
}
#content .second{
	position: absolute;
	left: 10%;
	top: 42.5%;
	width: 43.12%;
}
#content .arrow2{
	position: absolute;
	right: 31%;
	top: 54%;
	width: 10%;
}
#content .third{
	position: absolute;
	right: 18%;
	top: 69.5%;
	width: 43.12%;
}

footer{
    width: 100%;
    height: 52px;
    position: relative;
    padding: 19px 0;
}
footer p{
    text-align: center;
    font-size: 14px;
    color: #8b8b8b;
    line-height: 26px;
}
